.demo{ padding: 2em 0;}
.counter{
	padding: 10px 0;
	text-align: center;
	position: relative;
}
.counter .counter-content{
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background: #fff;
	padding: 10px 0;
	margin: 0 auto 15px;
	z-index: 1;
	position: relative;
	transition: all 0.3s ease 0s;
}
.counter .counter-content:before{
	content: "";
	width: 122%;
	height: 122%;
	border-radius: 30%;
	border: 20px solid #f19f48;
	border-bottom: 20px solid transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.counter .counter-content:after{
	content: "";
	border-top: 10px solid #f19f48;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	position: absolute;
	bottom: -14px;
	left: 50%;
	transform: translateX(-50%);
}
.counter .counter-icon{
	display: block;
	font-size: 30px;
	color: #f19f48;
	line-height: 35px;
}
.counter .counter-value{
	font-size: 20px;
	font-weight: 700;
	color: rgba(0,0,0,0.7);
	line-height: 25px;
}
.counter .title{
	display: inline-block;
	padding: 5px 20px;
	background: #f19f48;
	border-radius: 10px;
	font-size: 10px;
	font-weight: 600;
	color: #fff;
	text-transform: capitalize;
	margin: 0;
}
.counter.red .counter-content:before{
	border-color: #ef5f61;
	border-bottom-color: transparent;
}
.counter.red .counter-content:after{ border-top-color: #ef5f61; }
.counter.red .counter-icon{ color: #ef5f61; }
.counter.red .title{ background: #ef5f61; }
.counter.blue .counter-content:before{
	border-color: #4d9fcf;
	border-bottom-color: transparent;
}
.counter.blue .counter-content:after{ border-top-color: #4d9fcf; }
.counter.blue .counter-icon{ color: #4d9fcf; }
.counter.blue .title{ background: #4d9fcf; }
.counter.purple .counter-content:before{
	border-color: #a98ceb;
	border-bottom-color: transparent;
}
.counter.purple .counter-content:after{ border-top-color: #a98ceb; }
.counter.purple .counter-icon{ color: #a98ceb; }
.counter.purple .title{ background: #a98ceb; }


.col-md-3 {
	width: 10%
}